<template>
	<div class="userpick">
		<back :title="title"></back>
		<p class="tips" id="title">请扫描订单号</p>
		<!--<p class="result">{{result}}</p>-->
		<div class="wxsys" @click="sys_click" id="scan">扫一扫</div>
		<!--<div class="wxsys" @click="goNext" id="next" style="display: none;margin-top: 0.8rem;">下一步</div>-->
		</div>
</template>
<script>
import wx from 'weixin-js-sdk'
import back from '@/components/m-shop/m-store/back'

let result = ''

	export default {
		name:'userpick',
		components: {
		back
	},
		data() {
			return {
				title:'用户取货',
				result:result
			}
		},
		methods: {
			//扫一扫
			scan () {
				//这里【url参数一定是去参的本网址】
				//获取微信认证参数的地址
				let _this = this
				let url = location.href.split('#')[0];
				this.$http.get("http://www.ewj100.com/ewj/shop/wx/jsapi/createJsapiSignature?url="+url,{					
				}).then(res => {
					wx.config({
						debug: false,
						// 必填，公众号的唯一标识               
						appId:res.data.appId,
						// 必填，生成签名的时间戳              
						timestamp: res.data.timestamp,
						// 必填，生成签名的随机串             
						nonceStr: res.data.nonceStr,
						// 必填，签名                
						signature: res.data.signature,
						// 必填，需要使用的JS接口列表，所有JS接口列表               
						jsApiList: ['checkJsApi', 'scanQRCode']
					});
			   }).catch(res => {
			   	  _this.$toast(res.response.data)
			   })
				wx.error(function(res) {
					alert("出错了：" + res.errMsg);
					//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
				});
				wx.ready(function() {
					wx.checkJsApi({
						jsApiList: ['scanQRCode'],
						success: function(res) {}
					});
					wx.scanQRCode({
						needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，                   
						scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有
						success: function(res) {
							   if(!!res.resultStr){
							   	 result =  res.resultStr// 当needResult 为 1 时，扫码返回的结果
								   	 _this.$messagebox.confirm('继续扫描产品序列号取货?').then(action => {
									      _this.scanTwo()
									});
							     /*document.getElementById("scan").style.display="none";
							     document.getElementById("title").style.display="none";
							     document.getElementById("next").style.display="block";*/
							   }
						}
					});
				});
			},
			//二次扫描
			scanTwo () {			
				//这里【url参数一定是去参的本网址】
				//获取微信认证参数的地址
				let _this = this
				let url = location.href.split('#')[0];
				this.$http.get("http://www.ewj100.com/ewj/shop/wx/jsapi/createJsapiSignature?url="+url,{}).then(res => {
					wx.config({
						debug: false,
						// 必填，公众号的唯一标识               
						appId:res.data.appId,
						// 必填，生成签名的时间戳              
						timestamp: res.data.timestamp,
						// 必填，生成签名的随机串             
						nonceStr: res.data.nonceStr,
						// 必填，签名                
						signature: res.data.signature,
						// 必填，需要使用的JS接口列表，所有JS接口列表               
						jsApiList: ['checkJsApi', 'scanQRCode']
					});
			   })
				wx.error(function(res) {
					alert("出错了：" + res.errMsg);
					//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
				});
				wx.ready(function() {
					wx.checkJsApi({
						jsApiList: ['scanQRCode'],
						success: function(res) {}
					});
					wx.scanQRCode({
						needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，                   
						scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有
						success: function(res) {
							   if(!!res.resultStr){
							    _this.$http.put(_this.$store.state.reqUrl + '/shops/orders/pickUpProduct', {
								productSerial: res.resultStr,
								rentOrderSerial:result,
								shopId:_this.$store.state.shop_id
							   }).then(res => {			
							   	_this.$toast("发货成功！")				
							   }).catch(res => {
							 	 _this.$toast(res.response.data)
							    })
							   }
							}
						})
				   })
			},
			
			//点击扫描
			sys_click() {
			 this.scan();
			},
			goNext () {
				this.$store.state.scan_result = result;
				this.$router.push('/scan');
			}
		}
	}
</script>
<style lang="less" scoped>
	.userpick {
		width: 100%;
		margin-top: 100px;
		.tips{
			text-align: center;
			font-size: 34px;
			margin:60px 0 20px 0;
		}
		.result{
			text-align: center;
			font-size: 30px;
			margin-bottom: 20px;
		}
		.wxsys {
			width:100%;
			background: cadetblue;
			height: 80px;
			color: #ffffff;
			font-size: 30px;
			text-align: center;
			line-height: 80px;
		}
	}
</style>